<template>
        <!-- 支付方式 线上 -->
        <div style="background-color: #ffffff;">
                <!-- search -->
                <div
                        style="display: flex;flex-direction: row;align-items: center;padding: 12px;background-color: #FFFFFF;">
                        <div style="cursor: pointer;" @click="popBack()">
                                <i class="iconfont icon-arrow-left" style="font-size: 16px;font-weight: bold;"></i>
                                <span style="font-size: 16px;">签单</span>
                        </div>
                        <div style="margin-left: 12px;
				flex: 1;
				background-color: #FFFFFF;
				display: flex;
				justify-content: flex-end;
				">
                                <div style="font-size: 14px;
					padding: 5px 12px;
					border: 1px solid #ebebeb;
					margin-right: 12px;
					background-color: #FFFFFF;">
                                        返回</div>
                                <div style="
					font-size: 14px;
					border: 1px solid #ebebeb;
					padding: 5px 12px;
					color: #FFFFFF;
					background-color: #007AFF;">
                                        提交</div>
                        </div>
                </div>

                <!-- time -->
                <div style="display: flex;flex-direction: column;margin-top: 88px;">
                        <div style="font-size: 26px;text-align: center;">支付倒计时: 44‘45“</div>
                        <div style="font-size: 14px;text-align: center;color:#999999;margin-top: 12px;">可点击【推送订单】引导学生支付
                        </div>
                        <div style="text-align: center;padding: 12px 0;">
                                <van-button type="info" size="normal" style="width: 130px;">推送订单</van-button>
                        </div>
                </div>

                <!-- course info -->
                <div style="padding: 0 12px;">
                        <!-- title -->
                        <div style="padding: 12px 0;text-align: center;">课程信息【定金不显示课程模块】</div>
                        <SelectedCourseCell />
                        <SelectedCourseCell />
                        <!-- price -->
                        <div style="display: flex;flex-direction: column;align-items: flex-end;">
                                <div style="display: flex;margin-top: 5px;">
                                        <div style="margin-right: 5px;">价格总额</div>
                                        <div style="color: #ff0000;">¥33.00</div>
                                </div>
                                <div style="display: flex;margin-top: 5px;">
                                        <div style="margin-right: 5px;">补差价</div>
                                        <div style="color: #ff0000;">¥33.00</div>
                                </div>
                        </div>
                </div>
        </div>
</template>

<script>
        import SelectedCourseCell from "../../components/selected-course-cell/selected-course-cell.vue";

        export default {
                components: {
                        SelectedCourseCell,
                },
                mounted() { },
                data() {
                        return {
                                earnest: "",
                                payType: "0", //0 线上 1线下
                        };
                },
                methods: {
                        popBack() {
                                this.$router.back({});
                        },
                },
        };
</script>


<style scoped>
</style>